<template>
<!--友情链接 -->
  <div class="blogroll">
      <div class="pub_nav not_nav">
        <span class="el-icon-link"></span>&nbsp;友情连接
      </div>
      <ul>
        <li v-for="link in mylink" :key="link.id">
          <span class="el-icon-share"></span>
          <a :href="link.url">{{link.title}}</a>
        </li>
      </ul>
  </div>
</template>

<script>
export default {
  data(){
    return{
      mylink:[
        {
          id:'zky',
          title:'郑州科技学院',
          url:'http://www.zit.edu.cn/'
        },{
          id:'jyzx',
          title:'中国教育在线',
          url:'https://www.eol.cn/'
        },{
          id:'jyt',
          title:'河南省教育厅',
          url:'http://jyt.henan.gov.cn/'
        },{
          id:'qj',
          title:'青骄第二课堂',
          url:'https://m.2-class.com/'
        },{
          id:'jyj',
          title:'郑州教育局',
          url:'http://zzjy.zhengzhou.gov.cn/'
        },{
          id:'xg2xf',
          title:'信息工程学院第二课堂学分管理平台',
          url:'http://www.it.edu.cn/'
        }
      ]
    }
  }
}
</script>

<style>
.blogroll{
    min-height: 260px;
}
.blogroll > ul > li{
  padding: 6px 8px;
}
.blogroll > ul > li> a,
.blogroll > ul > li> span{
  padding-right: 8px;
  color: #567fca;
  text-align: left;
}
.pub_nav{
    /* margin: 10px 0; */
    margin-top: 8px;
    font-size: 18px;
    padding: 6px 2px;
    border-bottom: 2px solid #cdcdcf;
}
.pub_nav > span{
    font-size: 22px;
    color: #303f70;
    text-align: left;
}
</style>